@charset "utf-8";
//全局reset
*{margin:0;padding:0;}
body{font-size: 12px;font-family: "微软雅黑";}
a{text-decoration: none;outline: none;color: #6C6C6C;}
img{border: none;}
ul,ol{list-style: none;}
.center{margin: 0 auto;}
.fl{float:left;}
.fr{float:right}

#top_out{
    width:100%;
    .out{
        width:100%;height:50px;background: #FF3801;
        .top_ad{
           width: 990px;height:50px;
           img{
               width: 990px;height: 50px;
           }
        }
    }
    .out_down{
        width: 100%;height: 30px;border-bottom: 1px solid #DFDFDF;
        .top{
            width: 1200px;height: 30px;line-height: 30px;
            li{
                float: left;margin-left: 10px;color: #EAEAEA;
                a{
                    display: inline-block;padding: 0 10px;color: #6c6c6c;  
                }
                a:hover{
                    color: #FF5B22;text-decoration: underline;
                }
                .hello{
                    color: #6C6C6C;
                }
                .count{
                    display: inline-block;padding: 0 5px;color: #FF3801;
                }
                .shop:hover{
                    text-decoration: none;
                }
            }
            #shop{
                position: relative;
               .shop{position: relative;z-index: 2;border: 1px solid #FFFFFF;border-top: none;border-bottom-color: #DCDCDC;} 
               .shop.hover{border-color: #DCDCDC;border-bottom-color: #FFFFFF;}
               .second{
                   width: 360px;min-height: 70px;position: absolute;right: 0px;top: 30px;border: 1px solid #DCDCDC;z-index: 1;background: #FFFFFF;display: none;
                   .null{padding: 20px;text-align: center;color: #6C6C6C;}
                   ul{
                       color: #6C6C6C;overflow: hidden;
                       li{ 
                           width:360px ;border-bottom: 1px solid #DCDCDC;margin: 0px;padding: 5px 0px;
                           h3{color: #6C6C6C;display: block;padding-left: 10px;}
                           img{width: 46px;height: 69px;display: block;float: left;margin-left: 15px;}
                           .goods_name{width: 160px;display: block;float: left;margin-left: 10px;line-height: 30px;padding-top: 10px;}
                            .del:hover,.goods_name:hover{color: #FF4400;text-decoration: underline;}
                           .price{color: #FF4200;float: left;}
                           .num{color: #6C6C6C;float: left;margin-left: 10px;}
                           .del{color: #6C6C6C;float: right;margin-right: 20px;}
                       }
                       .account{
                           background: #FAFAFA;height: 100px;width: 360px;
                           p{
                               text-align: right;color: #6C6C6C;padding: 10px 20px;line-height: 30px;
                               .price{float: right;font-size: 14px;margin-top: -3px;}
                               .num{color: #FF4200;float: none;margin: 0px 4px;}
                           }
                           .continue{width: 120px;height: 30px;border-radius: 4px;background: #FF4400;text-align: center;color: #FFFFFF;font-size: 15px;text-decoration: none;float: right;margin-right: 20px;}
                           .continue:hover{background: #F22800;}
                       }
                   }
               }
            }   
        }
    }
}
#search{
    width: 1200px;height: 90px;padding-top: 10px;;
    .left{
        width: 190px;height: 80px;
        .logo{
            display: block;width: 190px;height: 80px;
            img{
                width: 190px;height: 80px;
            }
        }
    }
    .middle{
        width:416px;height: 32px;line-height: 32px;margin-left: 100px;
        form{
            padding-top: 20px;
        }
        [name='keywords']{
            border:1px solid #FF3801;width: 328px;height: 30px;text-indent: 5px;font-size: 16px;color: #333;
        }
        [type='submit']{
            border:none;width: 86px;height: 32px;background: #FF3801;color: #fff;font-family: "微软雅黑";font-weight:700;cursor: pointer;
        }
    }
    .right{
        width: 400px;height: 70px;margin-top: 10px;background: url(../img/top_right_icon.png);
    }
}
#nav_out{
    width: 100%;height: 40px;background: #FF3801;font-size: 14px;
    .nav{
        width: 1200px;height: 40px;line-height: 40px;letter-spacing: 1px;font-family: "微软雅黑";
       .all_goods{
           width: 190px;height: 40px;float: left;background: #EC541F;text-align: center;position: relative;z-index: 50;
           .menu{color: #ffffff;font-size: 16px;}
           .second{
               position: absolute;top: 40px;left: 0px;z-index: 2;display: none;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
               .sec_menu{
                   width: 190px;height:65px;border-bottom: 1px solid #ECECEC;position: relative;z-index: 2;
                   .dl{
                       width: 169px;height: 53px;padding: 11px 10px 0 9px;position: relative;z-index: 5;
                        dt{
                            width: 169px;height: 17px;line-height: 17px;
                            a{display: inline-block;float: left;margin-left: 8px;color: #333;font-weight: 700;}
                            b{width: 4px;height: 7px;display: block;float: right;background: url(../img/ZP_common_bg.png) no-repeat;margin-top: 5px;}
                            i{width: 17px;height: 17px;font-style: normal;display: inline-block;float: left;background: url(../img/ZP_common_bg.png) no-repeat -24px 0;}
                        }
                        dd{
                            width: 177px;height: 39px;overflow: hidden;
                            a{color: #6C6C6C;display: inline-block;float: left;margin-right: 5px;}
                            a:hover{color: #FF5B22;}
                        }
                   }
                   .second_list{
                       width: 485px;overflow: hidden;position: absolute;top: 0px;left: 188px;background: #FFFFFF;display: none;z-index: 1;padding-top: 1px;border:1px solid #BABABA;
                       ul{
                           padding: 10px;overflow: hidden;
                           li{
                               float: left;padding: 13px 22px;width: 120px;height: 60px;margin: -1px 0px 0px -1px;border: 1px solid #EDEDED;
                               a{
                                   img{display: block;width: 120px;height: 60px;}
                               }
                           }
                       }
                       dl{
                           margin: 10px 20px;padding-bottom: 11px;border-bottom: 1px solid #F0F0F0;float:left;
                           dt{
                               width:72px ;height: 18px;margin-right: 6px;float: left;
                               a{font-weight: 700;color: #3C3C3C;}
                           }
                           dd{
                               width: 366px;float: left;
                               a{float: left;color: #6C6C6C;margin-top: 13px;border-left: 1px solid #DBDBDB;padding: 0px 11px;height: 14px;line-height: 14px;white-space: nowrap;margin-left: -1px;}
                               a:hover{color: #FF4200;text-decoration: underline;}
                           }
                       }
                       .quick{
                           float: left;padding: 10px 20px;
                           a{text-align: center;color: #FFFFFF;display: block;height: 18px;line-height: 18px;padding: 5px 10px;background: #FF3801;}
                       }
                   }
                   
               }
               .sec_menu:nth-of-type(odd){background: #FCFCFC;}
               .sec_menu:nth-of-type(even){background: #F5F5F5;}
               .sec_menu:hover{
                   background: #FFFFFF;
                   .dl{
                       dt{
                           b{background-position: 0px -10px;}
                       }
                   }
               }
               .sec_menu:nth-child(1):hover{
                   .dl{
                       dt{
                           i{background-position: -50px 0px;}
                       }
                   }
                    .second_list{width: 522px;}
               }
               .sec_menu:nth-child(2){
                   .dl{
                       dt{
                           i{background-position: -24px -36px;}
                       }
                   }
               }
               .sec_menu:nth-child(2):hover{
                   .dl{
                       dt{
                           i{background-position: -50px -36px;}
                       }
                   }
               }
               .sec_menu:nth-child(3){
                   .dl{
                       dt{
                           i{background-position: -24px -73px;}
                       }
                   }
               }
               .sec_menu:nth-child(3):hover{
                   .dl{
                       dt{
                           i{background-position: -50px -73px;}
                       }
                   }
               }
               .sec_menu:nth-child(4){
                   .dl{
                       dt{
                           i{background-position: -24px -109px;}
                       }
                   }
               }
               .sec_menu:nth-child(4):hover{
                   .dl{
                       dt{
                           i{background-position: -50px -109px;}
                       }
                   }
               }
               .sec_menu:nth-child(5){
                   .dl{
                       dt{
                           i{background-position: -24px -145px;}
                       }
                   }
               }
               .sec_menu:nth-child(5):hover{
                   .dl{
                       dt{
                           i{background-position: -50px -145px;}
                       }
                   }
               }
               .sec_menu:nth-child(6){
                   .dl{
                       dt{
                           i{background-position: -24px -181px;}
                       }
                   }
               }
               .sec_menu:nth-child(6):hover{
                   .dl{
                       dt{
                           i{background-position: -50px -181px;}
                       }
                   }
               }
               .sec_menu:nth-child(7){
                   .dl{
                       dt{
                           i{background-position: -24px -217px;}
                       }
                   }
               }
               .sec_menu:nth-child(7):hover{
                   .dl{
                       dt{
                           i{background-position: -50px -217px;}
                       }
                   }
               }
               .sec_menu:nth-child(8){
                   .dl{
                       dt{
                           i{background-position: -24px -253px;}
                       }
                   }
               }
               .sec_menu:nth-child(8):hover{
                   .dl{
                       dt{
                           i{background-position: -50px -253px;}
                       }
                   }
               }
               .sec_menu:nth-child(9){
                   .dl{
                       dt{
                           i{background-position: -24px -289px;}
                       }
                   }
               }
               .sec_menu:nth-child(9):hover{
                   .dl{
                       dt{
                           i{background-position: -50px -289px;}
                       }
                   }
               }
               .sec_menu.hover{
                  .dl{
                      padding: 10px 10px 0px 7px;border-left: 2px solid #FF4400;border-top: 1px solid #BBBBBB;border-bottom: 1px solid #BBBBBB;border-right: 1px solid #FFFFFF;
                      dt{a{color: #FF4200;}}
                  }
                  .second_list{display:block;}
                  
               }
           }
       }
       .middle{
           height: 40px;overflow: hidden;
           li{
               float: left;overflow: hidden;
               a{padding: 0 20px;color: #FFFFFF;height: 40px;display: inline-block;font-size: 16px;}
               a:hover{background: #BE2900;}
               .cur{color: #FFFFFF;background: #BE2900;}
           }
       }
    }
}
#bottom_ad{
    width: 100%;height: 120px;background: #FF3801;
    a{
        width: 1200px;height: 120px;display: block;
        img{width: 1200px;height: 120px;}
    }
}
#full{
    width: 100%;height: 215px;background: #F2F2F2;
    .up{
       padding-top: 20px;width: 1200px;margin: 0 auto;
        .up_main{
            margin: 0 auto;padding-left: 100px;
            ul{
                width: 110px;padding-left: 20px;float: left;margin-left: 30px;
                li{
                    line-height: 25px;height: 25px;padding-bottom: 5px;color: #6C6C6C;
                    a:hover{color: #FF4200;}
                    h2{font-size: 14px;color: #3C3C3C;}
                    .tel{background: url(../img/buttom_202.png) no-repeat 0 -9px;display: block;height: 16px;margin: 7px 0px 0px -1px;padding: 6px 0px 2px;}
                }
            }
        }
    }
}
#last{
    width: 1200px;padding: 30px 0px;text-align: center;
    p{
       height: 25px;line-height: 25px;color: #9B9B9B;
    }
}